<!--
 * @Date: 2020-04-28 16:17:26
 * @LastEditors: 黄栋
 * @LastEditTime: 2020-05-06 19:24:09
 * @FilePath: /cloudAdmin/src/views/sale/contract/index.vue
 -->
<template>
  <div id="page1">
    <el-tabs class="pageTab" v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="进行中的合同" name="first">
        <start />
      </el-tab-pane>
      <el-tab-pane label="已完成的合同" name="forth">
        <finish />
      </el-tab-pane>
      <el-tab-pane label="受邀的合同" name="five">
        <back />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import start from "./start";
import finish from "./finish";
import back from "./back";

export default {
  components: { start, finish, back },
  data() {
    return {
      activeName: "first" //第一个默认启动
    };
  },
  methods: {
    //二级tab切片
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
};
</script>